<style>
    :not(:defined) {
        display: none;
    }

    :root {
			--main-bg-color: #1b334d;
		}
    
    
    /* Force the scroll bar to appear so we see it hide when overlay opens. */
    body::-webkit-scrollbar {
        background: lightgray;
     
		
    }

    body::-webkit-scrollbar-thumb {
        background: darkgray;
    }

    #top{
        background: black;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        position: relative;
    }
    #top img{
        position: absolute;
        right: 10px;
        top: 3px;
        cursor: pointer;
    }

    #container{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 2.4rem;
        padding: 20px;
        z-index: 2;
        height: 200px;
        overflow-y: auto;
        background: #1b334d;
        /* justify-content: center; */
    }


.se-button{
  padding:12px;
}




</style>
<elix-dialog id="svg_createment" aria-label="Sample dialog" closed>
    <div id="top"><h>图元选择</h><img src="./images/close.png" alt="" class="close"></div>
     <div id="container">


     </div>
</elix-dialog>
